﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:Class="Comarch.Animation.SL5Example.MainPage"
    mc:Ignorable="d"
    d:DesignHeight="717" d:DesignWidth="885" VerticalAlignment="Top" Width="634" Height="500">
    <UserControl.Resources>
    	<FontFamily x:Key="HeaderFont">/Comarch.Animation.SL5Example;component/Fonts/Fonts.zip#Segoe UI Light</FontFamily>
    	<System:Double x:Key="LeftMenuTexts">18</System:Double>
        <DataTemplate x:Key="ItemTemplate">
            <StackPanel>
                <TextBlock Text="{Binding AnimationName}" Margin="9,0,0,0" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}"/>
            </StackPanel>
        </DataTemplate>
        <System:Double x:Key="ElementDescSize">26.666999816894531</System:Double>
        <SolidColorBrush x:Key="LeftMenuforeground" Color="#FFA3A3A3"/>
        <Style x:Key="ButtonStyle1" TargetType="Button">
        	<Setter Property="Background" Value="#FF1F3B53"/>
        	<Setter Property="Foreground" Value="#FF000000"/>
        	<Setter Property="Padding" Value="3"/>
        	<Setter Property="BorderThickness" Value="1"/>
        	<Setter Property="BorderBrush">
        		<Setter.Value>
        			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        				<GradientStop Color="#FFA3AEB9" Offset="0"/>
        				<GradientStop Color="#FF8399A9" Offset="0.375"/>
        				<GradientStop Color="#FF718597" Offset="0.375"/>
        				<GradientStop Color="#FF617584" Offset="1"/>
        			</LinearGradientBrush>
        		</Setter.Value>
        	</Setter>
        	<Setter Property="Template">
        		<Setter.Value>
        			<ControlTemplate TargetType="Button">
        				<Grid>
        					<VisualStateManager.VisualStateGroups>
        						<VisualStateGroup x:Name="CommonStates">
        							<VisualState x:Name="Normal"/>
        							<VisualState x:Name="MouseOver">
        								<Storyboard>
        									<ColorAnimation Duration="0" To="#FF545454" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Background" d:IsOptimized="True"/>
        								</Storyboard>
        							</VisualState>
        							<VisualState x:Name="Pressed">
        								<Storyboard>
        									<ColorAnimation Duration="0" To="#C8545454" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Background"/>
        								</Storyboard>
        							</VisualState>
        							<VisualState x:Name="Disabled">
        								<Storyboard>
        									<DoubleAnimation Duration="0" To=".55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement"/>
        								</Storyboard>
        							</VisualState>
        						</VisualStateGroup>
        						<VisualStateGroup x:Name="FocusStates">
        							<VisualState x:Name="Focused"/>
        							<VisualState x:Name="Unfocused"/>
        						</VisualStateGroup>
        					</VisualStateManager.VisualStateGroups>
        					<Border x:Name="Background" BorderBrush="{TemplateBinding BorderBrush}" Background="#FFBABABA"/>
        					<ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
        					<Rectangle x:Name="DisabledVisualElement" Fill="#FFFFFFFF" IsHitTestVisible="false" Opacity="0" StrokeThickness="0"/>
        				</Grid>
        			</ControlTemplate>
        		</Setter.Value>
        	</Setter>
        </Style>
        <ControlTemplate x:Key="ValidationToolTipTemplate">
        	<Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0">
        		<Grid.RenderTransform>
        			<TranslateTransform x:Name="xform" X="-25"/>
        		</Grid.RenderTransform>
        		<VisualStateManager.VisualStateGroups>
        			<VisualStateGroup x:Name="OpenStates">
        				<VisualStateGroup.Transitions>
        					<VisualTransition GeneratedDuration="0"/>
        					<VisualTransition GeneratedDuration="0:0:0.2" To="Open">
        						<Storyboard>
        							<DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform">
        								<DoubleAnimation.EasingFunction>
        									<BackEase Amplitude=".3" EasingMode="EaseOut"/>
        								</DoubleAnimation.EasingFunction>
        							</DoubleAnimation>
        							<DoubleAnimation Duration="0:0:0.2" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
        						</Storyboard>
        					</VisualTransition>
        				</VisualStateGroup.Transitions>
        				<VisualState x:Name="Closed">
        					<Storyboard>
        						<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
        					</Storyboard>
        				</VisualState>
        				<VisualState x:Name="Open">
        					<Storyboard>
        						<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform"/>
        						<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
        					</Storyboard>
        				</VisualState>
        			</VisualStateGroup>
        		</VisualStateManager.VisualStateGroups>
        		<Border Background="#052A2E31" CornerRadius="5" Margin="4,4,-4,-4"/>
        		<Border Background="#152A2E31" CornerRadius="4" Margin="3,3,-3,-3"/>
        		<Border Background="#252A2E31" CornerRadius="3" Margin="2,2,-2,-2"/>
        		<Border Background="#352A2E31" CornerRadius="2" Margin="1,1,-1,-1"/>
        		<Border Background="#FFDC000C" CornerRadius="2"/>
        		<Border CornerRadius="2">
        			<TextBlock Foreground="White" MaxWidth="250" Margin="8,4,8,4" TextWrapping="Wrap" Text="{Binding (Validation.Errors)[0].ErrorContent}" UseLayoutRounding="false"/>
        		</Border>
        	</Grid>
        </ControlTemplate>
        <Style x:Key="TextBoxStyle1" TargetType="TextBox">
        	<Setter Property="BorderThickness" Value="1"/>
        	<Setter Property="Background" Value="#FFFFFFFF"/>
        	<Setter Property="Foreground" Value="#FF000000"/>
        	<Setter Property="Padding" Value="2"/>
        	<Setter Property="BorderBrush">
        		<Setter.Value>
        			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        				<GradientStop Color="#FFA3AEB9" Offset="0"/>
        				<GradientStop Color="#FF8399A9" Offset="0.375"/>
        				<GradientStop Color="#FF718597" Offset="0.375"/>
        				<GradientStop Color="#FF617584" Offset="1"/>
        			</LinearGradientBrush>
        		</Setter.Value>
        	</Setter>
        	<Setter Property="Template">
        		<Setter.Value>
        			<ControlTemplate TargetType="TextBox">
        				<Grid x:Name="RootElement">
        					<VisualStateManager.VisualStateGroups>
        						<VisualStateGroup x:Name="CommonStates">
        							<VisualState x:Name="Normal"/>
        							<VisualState x:Name="MouseOver">
        								<Storyboard>
        									<ColorAnimation Duration="0" To="#FF99C1E2" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="MouseOverBorder"/>
        								</Storyboard>
        							</VisualState>
        							<VisualState x:Name="Disabled">
        								<Storyboard>
        									<DoubleAnimation Duration="0" To="0.01" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement"/>
        								</Storyboard>
        							</VisualState>
        							<VisualState x:Name="ReadOnly">
        								<Storyboard>
        									<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ReadOnlyVisualElement"/>
        								</Storyboard>
        							</VisualState>
        						</VisualStateGroup>
        						<VisualStateGroup x:Name="FocusStates">
        							<VisualState x:Name="Focused">
        								<Storyboard>
        									<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/>
        								</Storyboard>
        							</VisualState>
        							<VisualState x:Name="Unfocused">
        								<Storyboard>
        									<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/>
        								</Storyboard>
        							</VisualState>
        						</VisualStateGroup>
        						<VisualStateGroup x:Name="ValidationStates">
        							<VisualState x:Name="Valid"/>
        							<VisualState x:Name="InvalidUnfocused">
        								<Storyboard>
        									<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationErrorElement">
        										<DiscreteObjectKeyFrame KeyTime="0">
        											<DiscreteObjectKeyFrame.Value>
        												<Visibility>Visible</Visibility>
        											</DiscreteObjectKeyFrame.Value>
        										</DiscreteObjectKeyFrame>
        									</ObjectAnimationUsingKeyFrames>
        								</Storyboard>
        							</VisualState>
        							<VisualState x:Name="InvalidFocused">
        								<Storyboard>
        									<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationErrorElement">
        										<DiscreteObjectKeyFrame KeyTime="0">
        											<DiscreteObjectKeyFrame.Value>
        												<Visibility>Visible</Visibility>
        											</DiscreteObjectKeyFrame.Value>
        										</DiscreteObjectKeyFrame>
        									</ObjectAnimationUsingKeyFrames>
        									<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsOpen" Storyboard.TargetName="validationTooltip">
        										<DiscreteObjectKeyFrame KeyTime="0">
        											<DiscreteObjectKeyFrame.Value>
        												<System:Boolean>True</System:Boolean>
        											</DiscreteObjectKeyFrame.Value>
        										</DiscreteObjectKeyFrame>
        									</ObjectAnimationUsingKeyFrames>
        								</Storyboard>
        							</VisualState>
        						</VisualStateGroup>
        					</VisualStateManager.VisualStateGroups>
        					<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="1" Opacity="1">
        						<Grid>
        							<Border x:Name="ReadOnlyVisualElement" Background="#5EC9C9C9" Opacity="0"/>
        							<Border x:Name="MouseOverBorder" BorderBrush="Transparent" BorderThickness="1">
        								<ScrollViewer x:Name="ContentElement" BorderThickness="0" IsTabStop="False" Padding="{TemplateBinding Padding}"/>
        							</Border>
        						</Grid>
        					</Border>
        					<Border x:Name="DisabledVisualElement" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}" Background="#A5F7F7F7" IsHitTestVisible="False" Opacity="0"/>
        					<Border x:Name="FocusVisualElement" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" IsHitTestVisible="False" Margin="1" Opacity="0"/>
        					<Border x:Name="ValidationErrorElement" BorderBrush="#FFDB000C" BorderThickness="1" CornerRadius="1" Visibility="Collapsed">
        						<ToolTipService.ToolTip>
        							<ToolTip x:Name="validationTooltip" DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}" Placement="Right" PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}" Template="{StaticResource ValidationToolTipTemplate}">
        								<ToolTip.Triggers>
        									<EventTrigger RoutedEvent="Canvas.Loaded">
        										<BeginStoryboard>
        											<Storyboard>
        												<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsHitTestVisible" Storyboard.TargetName="validationTooltip">
        													<DiscreteObjectKeyFrame KeyTime="0">
        														<DiscreteObjectKeyFrame.Value>
        															<System:Boolean>true</System:Boolean>
        														</DiscreteObjectKeyFrame.Value>
        													</DiscreteObjectKeyFrame>
        												</ObjectAnimationUsingKeyFrames>
        											</Storyboard>
        										</BeginStoryboard>
        									</EventTrigger>
        								</ToolTip.Triggers>
        							</ToolTip>
        						</ToolTipService.ToolTip>
        						<Grid Background="Transparent" HorizontalAlignment="Right" Height="12" Margin="1,-4,-4,0" VerticalAlignment="Top" Width="12">
        							<Path Data="M 1,0 L6,0 A 2,2 90 0 1 8,2 L8,7 z" Fill="#FFDC000C" Margin="1,3,0,0"/>
        							<Path Data="M 0,0 L2,0 L 8,6 L8,8" Fill="#ffffff" Margin="1,3,0,0"/>
        						</Grid>
        					</Border>
        				</Grid>
        			</ControlTemplate>
        		</Setter.Value>
        	</Setter>
        </Style>
        <System:Double x:Key="LeftMenuHeaderSize">21.3</System:Double>
        <System:Double x:Key="LeftMenuTextBoxSize">15.3</System:Double>
    </UserControl.Resources>

    <Viewbox >
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="Elements">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="SingleElement">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="randomElements">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="stackPanel1">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="stackPanel">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="GroupElements">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="border">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="randomElements">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="stackPanel1">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Visible</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="RandomElements">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="border">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="stackPanel">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>

		<Border BorderThickness="1" BorderBrush="Black" DataContext="{Binding Source={StaticResource SampleEfefctData}}" Height="700" Width="880" >

			<Grid x:Name="LayoutRoot" Background="White" Width="878" Height="698">
				<Grid.RowDefinitions>
					<RowDefinition Height="0.102*"/>
					<RowDefinition Height="0.585*"/>
					<RowDefinition Height="0.313*"/>
				</Grid.RowDefinitions>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="0.286*"/>
					<ColumnDefinition Width="0.714*"/>
				</Grid.ColumnDefinitions>
				<Border x:Name="title" Margin="0" Grid.ColumnSpan="2" BorderThickness="0,0,0,3" BorderBrush="#FFA5A5A5">
					<Border.Background>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#FFD4D4D4" Offset="1"/>
							<GradientStop Color="#FF1F782C"/>
						</LinearGradientBrush>
					</Border.Background>
					<TextBlock TextWrapping="Wrap" Text="Comarch Animation Framework v 1.0" FontSize="34.667" FontFamily="/Comarch.Animation.SL5Example;component/Fonts/Fonts.zip#Segoe UI Light" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold"/>
				</Border>
				<Border x:Name="border" BorderThickness="1" Width="170" Margin="250,184,0,0" Height="45" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top">
					<Border.Background>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#FF1C5574" Offset="1"/>
							<GradientStop Color="Black"/>
						</LinearGradientBrush>
					</Border.Background>
					<TextBlock TextWrapping="Wrap" Text="1" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
				</Border>
				<Grid x:Name="randomElements" Grid.Row="1" Grid.Column="1">
					<Border x:Name="border1" BorderThickness="1" Height="45" Width="170" Margin="94,44,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment, VerticalAlignment">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C4474" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="1" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,10,0"/>
					</Border>
					<Border x:Name="border2" BorderThickness="1" Height="45" Width="170" Margin="45,165,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment, VerticalAlignment">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C5574" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="2" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border x:Name="border3" BorderThickness="1" Height="45" Width="170" Margin="395,345,0,0" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF236385" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="3" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border x:Name="border4" BorderThickness="1" Height="45" Width="170" Margin="116,309,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF196F7A" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="4" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border x:Name="border5" BorderThickness="1" Height="45" Width="170" Margin="415,52,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" d:LayoutOverrides="VerticalAlignment">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C746E" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="5" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border x:Name="border6" BorderThickness="1" Height="45" Width="170" Margin="345,175,0,0" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C7449" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="6" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
				</Grid>
				<StackPanel Orientation="Vertical" Grid.Row="1" Grid.RowSpan="2" d:LayoutOverrides="Height">
					<TextBlock TextWrapping="Wrap" Text="Select Animation Type" Margin="5,10,0,0" FontWeight="Bold" FontSize="{StaticResource LeftMenuHeaderSize}" FontFamily="{StaticResource HeaderFont}" Foreground="{StaticResource LeftMenuforeground}"/>
					<StackPanel Margin="0,5,20,0" HorizontalAlignment="Center">
						<RadioButton x:Name="radioSingle" GroupName="Buttons" Content="Single element" IsChecked="True" HorizontalAlignment="Left" Margin="0,2" Click="TypeAnimationClick" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}"/>
						<RadioButton x:Name="radioPanel" GroupName="Buttons" Content="Panel with elements" HorizontalAlignment="Left" Margin="0,2" Click="TypeAnimationClick" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}"/>
						<RadioButton x:Name="radioRandom" GroupName="Buttons" Content="Various elements" HorizontalAlignment="Left" Margin="0,2" Click="TypeAnimationClick" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}"/>
					</StackPanel>
					<TextBlock TextWrapping="Wrap" Text="Animation" Margin="5,10,0,0" FontWeight="Bold" FontSize="{StaticResource LeftMenuHeaderSize}" FontFamily="{StaticResource HeaderFont}" Foreground="{StaticResource LeftMenuforeground}"/>
					<ListBox x:Name="effectsListBox" SelectionChanged="EffectListBoxSelectionChanged" BorderThickness="0" ItemTemplate="{StaticResource ItemTemplate}" DataContext="{Binding}" ItemsSource="{Binding SingleAnimations, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,5,0,0" FontSize="{StaticResource LeftMenuTexts}" />
					<TextBlock TextWrapping="Wrap" Text="Customize effect" Margin="5,10,0,0" FontWeight="Bold" FontSize="{StaticResource LeftMenuHeaderSize}" FontFamily="{StaticResource HeaderFont}" Foreground="{StaticResource LeftMenuforeground}"/>
					<StackPanel Margin="9,0,0,0">
						<Grid Margin="0,2">
							<TextBlock TextWrapping="Wrap" Text="Duration" VerticalAlignment="Center" Margin="0" HorizontalAlignment="Left" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}"/>
							<TextBox x:Name="durationTb" TextWrapping="Wrap" Text="{Binding Duration, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0" HorizontalAlignment="Right" Width="110" Height="32" VerticalAlignment="Center" FontSize="{StaticResource LeftMenuTextBoxSize}"/>
							<sdk:ValidationSummary d:LayoutOverrides="Width, Height" Filter="PropertyErrors" FontSize="{StaticResource LeftMenuTexts}"/>
						</Grid>
						<Grid Margin="0,2">
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="0.206*"/>
								<ColumnDefinition Width="0.794*"/>
							</Grid.ColumnDefinitions>
							<TextBlock TextWrapping="Wrap" Text="Initial offset" VerticalAlignment="Center" Margin="0,0,-52,0" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}"/>
							<TextBox x:Name="durationTb2" TextWrapping="Wrap"  Margin="0" Height="32" VerticalAlignment="Center" Text="{Binding InitialOffset, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" FontSize="{StaticResource LeftMenuTextBoxSize}" Grid.Column="1" Width="110" HorizontalAlignment="Right"/>
						</Grid>
						<Grid x:Name="stackPanel1" Margin="0,2">
							<TextBlock TextWrapping="Wrap" Text="Delay between elements" VerticalAlignment="Center" Margin="0" FontFamily="{StaticResource HeaderFont}" FontSize="{StaticResource LeftMenuTexts}" HorizontalAlignment="Left" MaxWidth="120" Width="127"/>
							<TextBox x:Name="durationTb3" TextWrapping="Wrap"  Margin="0" Width="110" HorizontalAlignment="Right" Height="32" VerticalAlignment="Center" Text="{Binding DelayBetweenElements, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" FontSize="{StaticResource LeftMenuTextBoxSize}"/>
						</Grid>
					</StackPanel>
					<Button x:Name="reloadButton" Content="Reload" HorizontalAlignment="Right" Width="120" Margin="0,25,0,0" Height="30" Click="ReloadClicked" IsEnabled="False" Style="{StaticResource ButtonStyle1}" FontSize="13.333"/>

				</StackPanel>
				<Border Grid.Column="1" Margin="5" Grid.Row="2" BorderThickness="0,2,0,0" BorderBrush="#FFD0D0D0" >
					<TextBox Margin="0,5,0,0" x:Name="description1" TextWrapping="Wrap" AcceptsReturn="True" BorderThickness="0" FontSize="16" FontFamily="/Comarch.Animation.SL5Example;component/Fonts/Fonts.zip#Segoe UI" Padding="5" IsEnabled="False" Style="{StaticResource TextBoxStyle1}" Height="184" Width="611"/>

				</Border>
				<StackPanel x:Name="stackPanel" HorizontalAlignment="Left" Margin="249,13,0,0" Grid.Column="1" Grid.Row="1" VerticalAlignment="Top">
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C4474" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="1" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,10,0"/>
					</Border>
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C5574" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="2" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF236385" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="3" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF196F7A" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="4" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C746E" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="5" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1C7449" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="6" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
					<Border BorderThickness="1" Height="45" Width="170" Margin="0,5" HorizontalAlignment="Left" VerticalAlignment="Top">
						<Border.Background>
							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
								<GradientStop Color="Black" Offset="0"/>
								<GradientStop Color="#FF1F782C" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
						<TextBlock TextWrapping="Wrap" Text="7" HorizontalAlignment="Right" Foreground="White" VerticalAlignment="Center" FontSize="{StaticResource ElementDescSize}" FontFamily="{StaticResource HeaderFont}" Margin="0,0,9.737,0"/>
					</Border>
				</StackPanel>

			</Grid>
		</Border>
	</Viewbox>
</UserControl>
